<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>
    <script>
        /* 
        回调函数：被作为实参传入另一函数，并在该外部函数内被调用，用以来完成某些任务的函数，称为回调函数。
        */

        function greeting(name) {
            //弹出name形参
            alert('Hello ' + name);
        }

        function processUserInput(callback) {
            // 弹出一个对话框
            const name = prompt('请输入您的姓名');
            // 调用传递过来的回调函数并且传递一个实参name
            callback(name);
        }

        // 调用processUserInput(并且将greeting函数作为形参传递进去)
        processUserInput(greeting);
    </script>
</body>

</html>